<template>
  <div class="index">
    <h1 id="message">欢迎使用点餐系统</h1>
  </div>
</template>

<script>
export default {
  name: "Index",
};
</script>

<style>
.index {
  background-image: url("@/assets/background.jpg");
  transform: scale(1.2);
  margin: 0px;
  background-size: 100% 100%;
  height: 100vh;
}

#message {
  font-size: 50px;
  padding-top: 10%;
  color: #40b682;
}
</style>